<template>
  <div>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
      <title>美多商城-我的订单</title>

    </head>
    <body>
    <div id="app" v-cloak>
      <div class="header_con">
        <div class="header">
          <div class="welcome fl">欢迎来到美多商城!</div>
          <div class="fr">
            <div class="login_info fl">
              欢迎您：<em>张 山</em>
            </div>
            <div class="login_btn fl">
              < a href=" ">登录</ a>
            <span>|</span>
            < a href="register.html">注册</ a>
        </div>
        <div class="user_link fl">
          <span>|</span>
          < a href="user_center_info.html">用户中心</ a>
        <span>|</span>
        < a href="cart.html">我的购物车</ a>
      <span>|</span>
      < a href="user_center_order.html">我的订单</ a>
  </div>

  </template>
  </div>
  </div>
  <div class="search_bar clearfix">
    < a href="index.html" class="logo fl">< img src="images/logo.png"></ a>
  <div class="search_wrap fl">
    <form method="get" action="/search/" class="search_con">
      <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
      <input type="submit" class="input_btn fr" name="" value="搜索">
    </form>
    <ul class="search_suggest fl">
      <li>< a href="#">索尼微单</ a></li>
      <li>< a href="#">优惠15元</ a></li>
      <li>< a href="#">美妆个护</ a></li>
      <li>< a href="#">买2免1</ a></li>
    </ul>
  </div>
  </div>

  <div class="main_con clearfix">
    <div class="left_menu_con clearfix">
      <h3>用户中心</h3>
      <ul>
        <li>< a href="user_center_info.html">· 个人信息</ a></li>
        <li>< a href="user_center_order.html" class="active">· 全部订单</ a></li>
        <li>< a href="user_center_site.html">· 收货地址</ a></li>
        <li>< a href="user_center_pass.html">· 修改密码</ a></li>
      </ul>
    </div>
    <div class="right_content clearfix">
      <h3 class="common_title2">全部订单</h3>
      <div v-for='i in olist'>
        <ul class="order_list_th w978 clearfix">
          <li class="col01">{{i.create_time}}</li>
          <li class="col02">订单号：{{i.order_no}}</li>
        </ul>

        <table class="order_list_table w980">
          <tbody>
          <tr>
            <td width="55%">
              <ul class="order_goods_list clearfix" v-for='d in i.details'>
                <li class="col01">< img src="images/goods/goods001.jpg"></li>
                <li class="col02"><span>{{d.goodsname}}</span><em>{{d.price}}元</em></li>
                <li class="col03">1</li>
                <li class="col04">2688.00元</li>
              </ul>

            </td>
            <td width="15%">{{i.total_amount}}元<br></td>
            <td width="15%">已付款</td>
            <td width="15%">< a href="goods_judge.html" class="oper_btn">待评价</ a></td>
          </tr>
          </tbody>
        </table>
      </div>


      <div class="pagenation">
        <div id="pagination" class="page"></div>
      </div>

    </div>
  </div>

  <div class="footer">
    <div class="foot_link">
      < a href="#">关于我们</ a>
    <span>|</span>
    < a href="#">联系我们</ a>
  <span>|</span>
  < a href="#">招聘人才</ a>
<span>|</span>
< a href="#">友情链接</ a>
</div>
<p>CopyRight  2016 北京美多商业股份有限公司 All Rights Reserved</p >
<p>电话：010-****888    京ICP备*******8号</p >
</div>
</div>
</body>
</html>
</div>
</template>
<script>
export default {
  name: "day14",
  data(){
    return{
      olist:[]
    }
  },
  methods: {
    getOrderlist(){
      let userid= localStorage.getItem('userid')
      this.axios.get('goods/createOrders/?userid='+userid).then(res=>{
        this.olist = res.data.list
      })
    }
  },
  mounted() {
    this.getOrderlist()
  },
}
</script>

<style scoped>

</style>
